<!DOCTYPE html>
<html>
<head>
	<title>Human Of Yogyakarta</title>
	<link href="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.3.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<link href="css/hoy.css" rel="stylesheet">
</head>
<body>
	<!--Navbar tampilan kecil-->
	<nav class=" hoynavxs visible-xs">
		<div class="col-xs-2 brnadlogoxs">
			<img class="imgsizexs" src="img/logowhite.png" width="100%">
		</div>
		<div class="col-xs-6 fbgroupxs"><i class="fa fa-facebook-official"></i></div>
		<div class="col-xs-4">
			<div class="row">
				<div class="col-xs-4 medsoshoyxs"><i class="fa fa-twitter"></i></div>
				<div class="col-xs-4 medsoshoyxs"><i class="fa fa-instagram"></i></div>
				<div class="col-xs-4 medsoshoyxs"><i class="fa fa-youtube-play"></i></div>
			</div>
		</div>
		<div class="sambungfloat"></div>
	</nav>
	<!--Navbar tampilan besar-->
	<nav class="hoynavbox hidden-xs">
		<div class="navbox">
			<div class="col-md-4 col-sm-4 bghitam">
				<div class="col-md-3 col-sm-3 brnadlogo">
					<img class="imgsize" src="img/logowhite.png" width="100%">
				</div>
				<div class="col-md-9 col-sm-9 visible-md visible-lg">
					<h2 class="txtbrand" >HUMAN OF YOGYAKARTA</h2>
				</div>
			</div>
			<div class="col-md-6 col-sm-6 fbgroup2 tengah visible-xs visible-sm ">
				<i class="fa fa-facebook-official"></i> Join on Facebook
			</div>
			<div class="col-md-6 col-sm-6 fbgroup tengah visible-md visible-lg">
				<i class="fa fa-facebook-official"></i> Join The Conversation on Facebook
			</div>
			<div class="col-md-2 col-sm-2">
				<div class="row">
					<div class="col-md-4 col-sm-4 medsoshoy"><i class="fa fa-twitter"></i></div>
					<div class="col-md-4 col-sm-4 medsoshoy"><i class="fa fa-instagram"></i></div>
					<div class="col-md-4 col-sm-4 medsoshoy"><i class="fa fa-youtube-play"></i></div>
				</div>
			</div>
			<div class="sambungfloat"></div>
		</div>
	</nav>
	<!--subnav tampilan besar-->
	<div class="imgpjg visible-md visible-lg">
		<img src="img/pop.png" width="100%">
		<div class="imgpjglist">
			<div class="row">
				<div class="col-md-3"></div>
				<div class="col-md-6">
					<div class="col-md-3 menavbtm">JOGJA</div>
					<div class="col-md-3 menavbtm">ABOUT</div>
					<div class="col-md-3 menavbtm">PHOTOGRAPHER</div>
					<div class="col-md-3 menavbtm">ARCHIVE</div>
				</div>
				<div class="col-md-3"></div>
			</div>
		</div>
	</div>
	<!--subnavbar tampian kecil-->
	<div class="imgpjgsm visible-sm visible-xs">
		<div class="menavbtmsm">JOGJA</div>
		<div class="menavbtmsm">ABOUT</div>
		<div class="menavbtmsm">PHOTOGRAPHER</div>
		<div class="menavbtmsm">ARCHIVE</div>
		<div class="sambungfloat"></div>
	</div>
	<!--Post Kiri [tampilan besar]-->
	<div class="navbox hoy-ats hidden-xs">
		<div class="col-md-4 col-sm-4 menpad">
			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/1.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">Its our first time out this year.</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>

			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/4.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
					I was working as a correction officer at Rikers Island, but I was having money problems. My child support had just been increased, and after all the payments were taken out, nothing was left. I remember getting a check one time for $39. So I began to make some bad decisions. Inside of prison, a single cigarette can sell for $50. Not a pack. A single cigarette. So I started smuggling in contraband and selling it to the prisoners. Pretty soon I had a whole operation going. I did it for years. At times, I was making hundreds of dollars a day. But they caught me. One day I arranged to meet with an inmate’s family to set up a deal, and it ended up being a sting. I went to prison for two years, as an inmate.  
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>

			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/8.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
					This better not be for a porno. I stopped doing those.
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>
		</div>
		<!--Post tengah [tampilan besar]-->
		<div class="col-md-4 col-sm-4 menpad">
			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/2.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
				I just went to the International Childrens Film Festival, and it was all sold out, but one lady had an extra ticket and just gave it to me! Can you believe that? Thats a $13 ticket! It was a Japanese anime film, everything was hand painted. It was just the best. Look at those sunflowers in that window. Arent they gorgeous? Photograph me next to them! 
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>

			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/5.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
				Whenever hes feeling stressed about work, I do an imitation of our bulldogs I want chicken face.
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>

			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/7.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
				I wish Id had more of an instinct for expressing love to my wife when I was younger. It was so much simpler than I realized. It can be as simple as, Honey, Im going to make myself some coffee, would you like some too? Or: Do you need me to help put those groceries away? 
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>
		</div>
		<!--Post Kanan [tampilan besar]-->
		<div class="col-md-4 col-sm-4 menpad">
			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/3.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
				When I was six years old, I had a vision where I saw everything that was going to happen in my life. Jesus showed me that my life was going to be very tough, but if I stuck with him, and prayed, and cried when I needed to, and ate lots of chocolate, Id be OK.
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>

			<div class="hoybox">
				<div class="imghoypost">
					<img src="img/post/6.jpg" width="100%">
					<div class="katlbl">1.342 <i class="fa fa-eye"></i></div>
				</div>
				<div class="hoypostdes">
				I lost my flag the other night, so I just went back to all my favorite bars until I found it!
				</div>
				<div class="hoysharedbox">
					<div class="sharditem"><i class="fa fa-share"></i></div>
					<div class="sharditem"><i class="fa fa-comments-o"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
					<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
					<div class="sambungfloat"></div>
				</div>
			</div>
		</div>
		<div class="sambungfloat"></div>
	</div>

	<!--Post tampilan kecil-->
	<div class="hoy-ats visible-xs">
		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/1.jpg" width="100%"></div>
			<div class="hoypostdes">Its our first time out this year.</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/2.jpg" width="100%"></div>
			<div class="hoypostdes">
				I just went to the International Childrens Film Festival, and it was all sold out, but one lady had an extra ticket and just gave it to me! Can you believe that? Thats a $13 ticket! It was a Japanese anime film, everything was hand painted. It was just the best. Look at those sunflowers in that window. Arent they gorgeous? Photograph me next to them! 
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/3.jpg" width="100%"></div>
			<div class="hoypostdes">
				When I was six years old, I had a vision where I saw everything that was going to happen in my life. Jesus showed me that my life was going to be very tough, but if I stuck with him, and prayed, and cried when I needed to, and ate lots of chocolate, Id be OK.
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/4.jpg" width="100%"></div>
			<div class="hoypostdes">
				I was working as a correction officer at Rikers Island, but I was having money problems. My child support had just been increased, and after all the payments were taken out, nothing was left. I remember getting a check one time for $39. So I began to make some bad decisions. Inside of prison, a single cigarette can sell for $50. Not a pack. A single cigarette. So I started smuggling in contraband and selling it to the prisoners. Pretty soon I had a whole operation going. I did it for years. At times, I was making hundreds of dollars a day. But they caught me. One day I arranged to meet with an inmate’s family to set up a deal, and it ended up being a sting. I went to prison for two years, as an inmate.   
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/5.jpg" width="100%"></div>
			<div class="hoypostdes">
				Whenever hes feeling stressed about work, I do an imitation of our bulldogs I want chicken face.
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/6.jpg" width="100%"></div>
			<div class="hoypostdes">
				I lost my flag the other night, so I just went back to all my favorite bars until I found it!
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/7.jpg" width="100%"></div>
			<div class="hoypostdes">
				I wish Id had more of an instinct for expressing love to my wife when I was younger. It was so much simpler than I realized. It can be as simple as, Honey, Im going to make myself some coffee, would you like some too? Or: Do you need me to help put those groceries away?
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

		<div class="hoybox">
			<div class="imghoypost"><img src="img/post/8.jpg" width="100%"></div>
			<div class="hoypostdes">
				I just went to the International Childrens Film Festival, and it was all sold out, but one lady had an extra ticket and just gave it to me! Can you believe that? Thats a $13 ticket! It was a Japanese anime film, everything was hand painted. It was just the best. Look at those sunflowers in that window. Arent they gorgeous? Photograph me next to them! 
			</div>
			<div class="hoysharedbox">
				<div class="sharditem"><i class="fa fa-share"></i></div>
				<div class="sharditem"><i class="fa fa-comments-o"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-down"></i></div>
				<div class="sharditem"><i class="fa fa-thumbs-o-up"></i></div>
				<div class="sambungfloat"></div>
			</div>
		</div>

	</div>
	<div class="navbox hoy-ats">
		<div class="loadmorehoy">Load More <i class="fa fa-plus-circle"></i></div>
	</div>
</body>
</html>